body { 
  color: #333;
  font-size: 100%;
  background:url("images/background_stripe.png") repeat-x white;
}

th, td, caption {
 padding: 0;
}

h1, h2, h3, h4, h5 {
    color: #0a5196;
    margin:0;
    margin-top:0.5em;
    margin-bottom:0.25em;
    line-height:1.5em;
}

h3:first-child, h4:first-child, h5:first-child {
    margin-top:0;
}

h2
{
    margin:0;
    margin-bottom:0.5em;
}

a:focus, a:hover {
    color:#000;
}

a {
    color:#009;
    text-decoration:underline;
    cursor:pointer;
}

a.constituency {
    color:inherit;
}

.clear {
    clear:both;
}

p {
    margin-bottom:0.5em;
}

p.small {
    font-size:0.9em;
}

.instructions-box {
/* background: #F5FcFF; */
 padding: 10px;
}

.instructions-box h2, .instructions-box h3 {
 margin: 0;
}

#signupthanks {
    margin:0.5em;
    padding:0.5em;
    display:block;
    border:#f6fbff 2px solid;
    background:white;
}

#header {
    height:107px;
    padding: 10px;
    padding-top:0;
    padding-bottom:0;
}

#constituency-header {
  font-size: 1em;
  border-bottom:1px solid #CCC;
}

#constituency-header h2 {
  font-size:1em;
}

#constituency-header > a {
  font-size:0.9em;
  color:#666;
}

#logo
{
    float:left;
    height:107px;
}

#logo h1 {
 margin: 0;
 padding: 0;
 font-size: 2em;
}

#logo h1 a {
 color: #021f45;
}

#logo h1 a {
 text-decoration: none
}

#main {
 background-color: white;
 padding:10px;
}

#visualization {
 width: 340px;
 height: 340px;
}

#links {
    float:right;
    margin:0.5em;
}

ul#links li {
 list-style: none;
 display: inline;
}

ul#links li a {
 text-decoration: none;
 padding: 2px;
}

ul#links li a:hover {
 background:#021f45;
 color:white;
}

#navigation {
    padding-left:10px;
    padding-right:10px;
    background:url("images/navigation_gradient.png") repeat-x;
    background-position:bottom;
    color:white;
    clear:left;
    font-size:0.9em;
}

#navigation h1, #navigation h2, #navigation h3, #navigation h4, #navigation h5
{
    color:white;
    line-height:2.0em;
    margin:0;
}

#navigation ul {
    padding:0;
    margin:0;
    list-style-type: none;
}

#navigation ul li {
    padding:0;
    margin:0;
    display: inline;
}

#navigation ul li a {
    margin: 0;
    padding-left:1.0em;
    padding-right:1.0em;
    padding-top: 0.65em;
    border-bottom:-11em;
    height:2.0em;
    display:block;
    float:left;
    text-decoration: underline;
    color:white;
    text-align:center;
}

#navigation ul li a:hover {
    background: #3a7bd3;
}

span.login-status {
    float:right;
    padding-top:0.65em;
}

span.login-status a {
    color:white;
}

#search-constituency input {
 font-size: 1.1em;
 border: solid lightgray 0.2em;
 margin: 0;
}

#search-feedback {
 margin-top: 1em;
}

#place-search label {
 display: block;
 font-weight: normal;
}

#constituency-list {
 margin-top: 1em;
}

#constituency-list li {
 list-style: none;
}

#constituency-list input {
 margin: 0;
 margin-right: 5px;
 vertical-align: top;
}

/* Signup form */
#signup {
    background:#FFE;
    padding:0.5em;
    border:1px solid #EEE;
    margin:0;
    margin-bottom:1em;
}

#signup td {
    vertical-align:top;
}

#signup input[type="text"] {
    margin: 0;
    width:75%;
}

#signup input[type=submit]
{
    width:150px;
}

#signup input[type=checkbox]
{
    width:auto;
}

#signup h3, #signup form
{
    margin-top:0;
}

form ul.errorlist {
 margin: 0;
 list-style: none;
}

form ul.errorlist li {
 color: red;
 list-style: none;
 font-size: 80%;
 font-style: italic;
}

form {
 margin-top: 1em;
}

tr.errors td input, tr.errors td textarea {
 border: solid red 2px;
}

span.required {
 color: red;
 float: right;
}color: #0a5196;

input {
 font-size: 110%;
}
p.helptext {
 font-size: 80%;
 font-style: italic;
 margin-top:3px;
}

.quiet {
 font-size: 90%;
 font-style: italic;
}

#footer {
 margin: 2em;
 text-align: center;
}

ul li {
 list-style: disc outside url("images/bullet.png");
 margin-bottom: 0.3em;
}

.activity-bar {
  font-size:0.9em;
}

.gradient-box {
  margin-left:-10px;
  padding-left:10px;
  margin-right:-10px;
  padding-right:10px;
  padding-bottom:0.5em;
  background:url('/media/gradient.png') repeat-x #f6fbff;
  background-position:top;
}

a.help_button, a.action_button {
  font-size:0.8em;
  padding:0.3em;
  border:1px solid white;
  outline:none;
  color:#666;
  border-radius:0.4em;
  -moz-border-radius:0.4em;
  -webkit-border-radius:0.4em;
  margin-right:10px;
}

a.action_button {
  color: #009;
}

a.help_button:hover, a.action_button:hover {
  border: solid #bbd1f9 1px;
  border-top: solid #ecf1f9 1px;
  border-left: solid #ecf1f9 1px;
}

a.help_button:active, a.action_button:active {

}

ul#account-actions {
    list-style-type:none;
    margin:0;
    padding:0;
    
    margin-bottom:0.5em;
}

ul#account-actions li {
    list-style:none;
}

ul#account-constituencies {
    list-style-type:none;
    margin:0;
    padding:0;
    font-size:1.2em;
    
    margin-bottom:0.5em;
}

ul#account-constituencies li {
    list-style:none;
}

/* Homepage2 styles */
div.topboxwrap
{
    width:33%;
    float:left;
}

div.topbox
{
    background:rgba(238, 238, 255, 0.5);
    margin:0.5em;
    padding:1.0em;
    height:12em;
    font-size:1.0em;
}

div.topbox p
{
    text-align:left;
}

div.topbox > h3
{
    margin-top:0;
}

#section-home2 > .container
{
/*    background:url("images/heatmap.png") no-repeat white;
    background-position:top right;
    min-height:600px; */
}

#signup
{
    background:rgba(255, 255, 220, 0.5);
}
